<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    xmlns:excel="http://jboss.com/products/seam/excel"
    template="layout/template.xhtml">

<ui:define name="body">

	<table align="right">
		<tr>
			<td>
				<h:commandButton immediate="true"
					onclick="abrirPopup('help_online/help_consultar_indicadores.seam');" 
					title="Ajuda Online"
					alt="Ajuda Online"
					image="img/help_peq.jpg"/>
			</td>
		</tr>
	</table>

	<h2 class="title"><a href="#">Principais Indicadores</a></h2><br/>
	
    <h:form id="indicadoresForm">
			
	        <h:panelGrid columns="1">
	        	<s:decorate template="/layout/edit.xhtml">
	        		<ui:define name="label">Período:</ui:define>
	        		<rich:calendar value="#{manterIndicadoresController.dataInicio}"
	        			datePattern="dd/MM/yyyy"
	        			buttonClass="rich-calendar-button"
	        			required="true"/>
	        		à
	        		<rich:calendar value="#{manterIndicadoresController.dataFim}"
	        			datePattern="dd/MM/yyyy"
	        			buttonClass="rich-calendar-button"
	        			required="true"/>
	        	</s:decorate>
	        </h:panelGrid>
	        
	        <div class="actionButtons">
	            <h:commandButton id="gerar" value="Gerar" action="#{manterIndicadoresController.geraEstatiticas}"/>
	        </div>
	        
	        <center>
	        	<h1>RESULTADOS</h1>
	        </center>
	        
	        <fieldset>
	        	<legend>PRODUTOS MAIS VENDIDOS</legend>
	        	
	        	<rich:dataTable var="_prod" value="#{manterIndicadoresController.listaIndicadorProdutos}"
	        		id="tabelaProdutos"
	        		rows="10">
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value=" "/></f:facet>
	        			<h:outputText value="#{_prod.posicao}"/>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="PRODUTO"/></f:facet>
	        			<h:outputText value="#{_prod.produto.dscFabricante} - #{_prod.produto.dscNome} - #{_prod.produto.dosagem}"/>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="QUANTIDADE"/></f:facet>
	        			<h:outputText value="#{_prod.quantidade}"/>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="PERCENTUAL"/></f:facet>
	        			<h:outputText value="#{_prod.percentual}"/>%
	        		</rich:column>
	        	</rich:dataTable>
	        	
	        	<h:commandButton action="#{excelExporter.export('indicadoresForm:tabelaProdutos')}"
	        		rendered="#{manterIndicadoresController.listaIndicadorProdutos.size() > 0}" 
	        		value="EXPORTAR EXCEL" />
	        </fieldset>
	        
	        <fieldset>
	        	<legend>SERVIÇOS MAIS VENDIDOS</legend>
	        	
	        	<rich:dataTable var="_serv" value="#{manterIndicadoresController.listaIndicadorServicos}"
	        		id="tabelaServicos"
	        		rows="10">
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value=" "/></f:facet>
	        			<h:outputText value="#{_serv.posicao}"/>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="SERVIÇO"/></f:facet>
	        			<h:outputText value="#{_serv.servico.dscNome}"/>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="QUANTIDADE"/></f:facet>
	        			<h:outputText value="#{_serv.quantidade}"/>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="PERCENTUAL"/></f:facet>
	        			<h:outputText value="#{_serv.percentual}"/>%
	        		</rich:column>
	        	</rich:dataTable>
	        	
	        	<h:commandButton action="#{excelExporter.export('indicadoresForm:tabelaServicos')}"
	        		rendered="#{manterIndicadoresController.listaIndicadorServicos.size() > 0}" 
	        		value="EXPORTAR EXCEL" />
	        </fieldset>
	        
	        <fieldset>
	        	<legend>MELHORES CLIENTES</legend>
	        	
	        	<rich:dataTable var="_cliente" value="#{manterIndicadoresController.listaIndicadorClientes}"
	        		id="tabelaClientes"
	        		rows="10">
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value=" "/></f:facet>
	        			<h:outputText value="#{_cliente.posicao}"/>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="CLIENTE"/></f:facet>
	        			<h:outputText value="#{_cliente.cliente.dscNome}"/>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="QUANTIDADE"/></f:facet>
	        			<h:outputText value="#{_cliente.quantidade}"/>
	        		</rich:column>
	        		
	        		<rich:column>
	        			<f:facet name="header"><h:outputText value="PERCENTUAL"/></f:facet>
	        			<h:outputText value="#{_cliente.percentual}"/>%
	        		</rich:column>
	        	</rich:dataTable>
	        	
	        	<h:commandButton action="#{excelExporter.export('indicadoresForm:tabelaClientes')}" 
	        		rendered="#{manterIndicadoresController.listaIndicadorClientes.size() > 0}"
	        		value="EXPORTAR EXCEL" />
	        </fieldset>

    </h:form>

 </ui:define>
</ui:composition>
